import Vue from 'vue'
import Vuex from 'vuex'
// 1. 导入持久化 vuex 数据的插件，得到一个叫做 createPersistedState 的函数
// 这个函数的作用，就是创建一个插件的实例对象
import createPersistedState from 'vuex-persistedstate'

// 1. 导入待注册的 vuex 模块
import moduleUser from './m_user.js'

Vue.use(Vuex)

export default new Vuex.Store({
  // 开启严格模式
  strict: true,
  // plugins 是固定写法，表示 vuex 的插件
  // 作用1：把 vuex 的数据，自动存储到本地
  // 作用2：每当刷新浏览器的时候，自动把本地的数据，读取出来，还原到 vuex 中
  plugins: [createPersistedState()],
  // 组装模块
  modules: {
    // 2. 模块的注册名称: 步骤1导入的模块对象
    user: moduleUser
  }
})
